<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SITEG</title>

<style type="text/css">
body {
    background-image: url({{ STATIC_URL}}fondo_crear.jpg);
    background-color: #333;
    background-repeat: no-repeat;
    font-family: Calibri;
    color: #FFFFFF;
    font-size: 20px;
}
body,td,th {
    font-family: Calibri;
    color: #575757;
    font-size: 20px;
}
input.anchofijo {
    width: 110px;
}
</style>

<script language="JavaScript">
var miArray = new Array({{ sizeList }})
{% for x,url in previews.items %}
    miArray[{{ x }}] = "{{ url }}";
{% endfor %}
function change_preview(element){
    index = document.getElementById("id_mapa").value;
    document.getElementById("preview").src=miArray[index];
}
</script>

</head>



<body>

<div style="position:absolute; left: 109px; top: 43px; width: 800px; height: 470px;">
    <img src="" width="800" height="470" id="preview">
</div>

<div style="position:absolute; left: 118px; top: 6px; width: 800px; height: 32px;">
    <form action="." method="post">
        {{ form.as_table }}
        <input type="submit" name="edit" id="edit" value="Editar" class="anchofijo">
        <input type="button" value="Volver" class="anchofijo" onclick="location.href='/menu'" />
    </form>
</div>

</body>

</html>
